<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>个人中心页面</title>
    <link rel="stylesheet" href="css/global.css">
    <link rel="stylesheet" href="css/bootstrap.css">
    <link rel="stylesheet" href="css/person.css">
    <script src="js/person.js"></script>
    <script src="js/jquery-3.5.1.js"></script>
    <script>
        $(function() {
            //获取用户名
            var userinfo = sessionStorage['users']
            if (userinfo == null) {
                $('.userName').html('请先登录')
            } else {
                var user = JSON.parse(sessionStorage['users'])
                $('.userName').html(user[0].Name)
            }

        })
    </script>
</head>

<body>
    <nav class="navbar navbar-default">
        <div class="container">
            <div class="navbar-header">
                <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1" aria-expanded="false">
              <span class="icon-bar"></span>
              <span class="icon-bar"></span>
              <span class="icon-bar"></span>
            </button>
                <div class="navbar-brand" style="width: 70px;height: 50px; background:url(images/logo.png) no-repeat;background-size:100% 100%;"></div>
            </div>
            <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
                <ul class="nav navbar-nav">
                    <li><a href="index.html">首页</a></li>
                    <li><a href="about.html">关于我们</a></li>
                    <li><a href="want.html">求购</a></li>
                </ul>
                <ul class="nav navbar-nav navbar-right">
                    <li class="dropdown">
                        <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">发布<span class="caret"></span></a>
                        <ul class="dropdown-menu">
                            <li><a href="release.html">发布商品</a></li>
                            <li><a href="wantToBuy.html">发布求购</a></li>
                        </ul>
                    </li>
                    <li class="active"><a href="personalCenter.html">个人中心</a></li>
                    <li><a href="shoppingCart.html">购物车</a></li>
                    <li class="dropdown">
                        <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">欢迎您<span class="caret"></span></a>
                        <ul class="dropdown-menu">
                            <li><a href="#" id="userName">未登录</a></li>
                            <li><a href="#" onclick="out()" id="login">登录/注册</a></li>
                        </ul>
                    </li>
                </ul>
            </div>
        </div>
    </nav>
    <div id="main">
        <div id="body">
            <dl style="background: #fff;">
                <dt class="gn">全部功能</dt>
                <dd>
                    <a href="modifypersonalCenter.html">我的资料</a>
                </dd>
                <dd><a href="order.html">我的商品</a></dd>
                <dd><a href="mywant.html">我的求购</a></dd>
                <dd><a href="collect.html">我的收藏</a></dd>
            </dl>
        </div>
        <div id="bodyRight">
            <img src="images/tx.jpg" alt=""><br>
            <span class="userName">张裤兜</span>
            <input type="file" name="" id="" onchange="loadFile(this)">
        </div>
        <div id="zf">
            <span class="payWay">支付方式</span><img src="images/dzh.png" alt="">
            <i></i>
        </div>

        <div id="content">
            <ul class="pay">
                <li><input type="radio" name="pay" id="wx"><span class="wx">微信</span></li>
                <li><input type="radio" name="pay" id="zfb"><span class="zfb">支付宝</span></li>
            </ul>
        </div>

        <div id="yh"><span class="yhId">用户ID:809347191</span><img src="images/yhID.png" alt=""></div>
        <div id="yx"><span class="yhYx">邮箱：<a style="color:blue">绑定邮箱</a></span><img src="images/yhyx.png" alt=""></div>
        <div id="sc">
            <span class="wdsc">我的收藏</span>
            <ul>
                <li>手机</li>
                <li>平板电脑</li>
                <li>笔记本</li>
                <li>台式机</li>
                <li>电脑配件</li>
            </ul>
        </div>
        <div id="jl"><span>您还没有收藏任何商品哦</span>
            <img src="images/sctp.png" alt="">
        </div>
        <div class="calendar">
            <div class="title">
                <h1 class="green" id="calendar-title">Month</h1>
                <h2 class="green small" id="calendar-year">Year</h2>
                <a href="" id="prev">
                    < <a href="" id="next">></a>
            </div>
            <div class="body">
                <div class="lightgrey body-list">
                    <ul>
                        <li>MON</li>
                        <li>TUE</li>
                        <li>WED</li>
                        <li>THU</li>
                        <li>FRI</li>
                        <li>SAT</li>
                        <li>SUN</li>
                    </ul>
                </div>
                <div class="darkgrey body-list">
                    <ul id="days">
                    </ul>
                </div>
            </div>
        </div>
        <script src="js/bc.js" color="240,230,140" opacity="1" count="100" zindex="-1">
        </script>
        <script src="js/bootstrap.js"></script>
</body>

</html>